<template>
	<view class="project ha">
		<!-- <view class="" @click="login">登录</view> -->
		
		<!-- 测试用 -->
		<view class="content content_inner d_f col_3 m0_a" style="margin-bottom: 40rpx;">
			<!-- <image class="login_key" :src="base64.login_phone" mode="widthFix"></image> -->
			<input
				class="input bb col_f"
				placeholder="请输入账号"
				type="text"
				placeholder-style="font-size:28rpx;color:#C5C5C5;"
				v-model="mobile"
				maxlength="11"></input>
		</view>
		<block>
			<view class="button tac" @click="alogin">登录</view>
		</block>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				title: '登录',
				mobile: '',
			}
		},
		onLoad() {

		},
		methods: {
			login(){
				uni.reLaunch({ url: '/pagesUser/index/index' })
			},
			// 临时登录
			alogin(){
				if ( this.mobile == 'user' ) {
					uni.reLaunch({ url:'../pagesUser/index/index' })
				} else if ( this.mobile == 'admin' ) {
					uni.reLaunch({ url:'../pagesAdmin/index/index' })
				}
				uni.setStorageSync('identify',this.mobile);
			},
		}
	}
</script>
<style>
	.project{
		background-color: #081025;
	}
	.content{
		width: 636rpx;
		height: 92rpx;
		font-size: 30rpx;
	}
	.content_inner{
		background-color: rgba(79, 168, 255, .2);
		border-radius: 8rpx;
	}
	.input{
		height: 92rpx;
		padding-left: 40rpx;
		font-size: 24rpx;
	}
	.button{
		width: 636rpx;
		height: 92rpx;
		line-height: 92rpx;
		margin: 40rpx auto 30rpx;
		background-color: linear-gradient(90.46873856932987deg, rgba(99, 165, 255, 1) 0%, rgba(55, 113, 255, 1) 100%);
		background: -webkit-linear-gradient(337deg, rgba(99, 165, 255, 1) 0%, rgba(55, 113, 255, 1) 100%);
		background: -o-linear-gradient(337deg, rgba(99, 165, 255, 1) 0%, rgba(55, 113, 255, 1) 100%);
		background: linear-gradient(46873856932987deg, rgba(99, 165, 255, 1) 0%, rgba(55, 113, 255, 1) 100%);
		border-radius: 8rpx;
		color: #F8FAFF;
		font-size: 34rpx;
	}
</style>
